<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>购物流程-1-2</title>
    <link rel="shortcut icon"  href="images/logo-ico2.ico"/>
    <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/header-footer.css" />
    <link rel="stylesheet" href="css/Shopping-Process-1.css">
    <link rel="stylesheet" href="css/Shopping-Process-1-2.css">
</head>

<body>
    <div class="web">
        <!--头部-->
        <header class="header clearfix">
            <div class="fl">
                <div class="logo">
                    <a href="buerindex.html">
                        <img src="images/header-logo.png" alt="不二定制logo" />
                    </a>
                </div>
                <!--导航-->
                <ul class="nav">
                    <li><a href="buerindex.html">首页</a></li>
					<li><a href="list.html">骑行</a></li>
					<li><a href="zhuye.html">铁三</a></li>
					<li><a href="output-index.html">跑步</a></li>
					<li><a href="houtai-index.html">设计师入驻</a></li>
					<li><a href="account-data.html">品牌专区</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul class="header-right">
                    <li>
                        <span class="find">
                            <input type="text" class="find-kuang" />
                            <span class="find-img">
                                <i class="iconfont icon-msnui-find-bold"></i>
                            </span>
                        </span>
                    </li>
                    <li class="width-fix">
                        <a href="">
                            <i class="iconfont icon-icon-test"></i>
                        </a>
                    </li>
                    <li class="width-fix">
                        <a href="">
                            <i class="iconfont icon-yonghu"></i>
                        </a>
                    </li>
                    <li class="width-fix">
                        <a href="" class="text">400-6563-116</a>
                    </li>
                    <li class="width-fix">
                        <a href="" class="text ch">CH</a>
                    </li>
                </ul>
            </div>
        </header>

        <!--主体内容-->
        <section class="main">
            <!-- 购物进度 -->
            <div class="jin-du">
                <ul>
                    <li class="active">
                        <div class="img-box active">
                            <a href="#">
                                <img src="images/shopping-car.png" alt="购物车">
                            </a>
                        </div>
                        <div class="describe">
                            <p class="top">
                                01
                            </p>
                            <p class="bottom">
                                我的购物车
                            </p>
                        </div>
                        <div class="time">
                            <p>
                                2016-10-09 19:10:00
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box">
                            <a href="#">
                                <img src="images/check-order.png" alt="核对订单">
                            </a>
                        </div>
                        <div class="describe">
                            <p class="top">
                                02
                            </p>
                            <p class="bottom">
                                填写核对订单
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box">
                            <a href="#">
                                <img src="images/submit-order.png" alt="提交订单">
                            </a>
                        </div>
                        <div class="describe">
                            <p class="top">
                                03
                            </p>
                            <p class="bottom">
                                成功提交订单
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 我的购物车 -->
            <form method="GET" class="my-shopping-car">
                <!-- 标题  -->
                <h2>我的购物车</h2>

                <!-- 空 -->
                <div class="null">
                    <div class="img-box">
                        <img src="images/shopping-car-null.jpg" alt="空购物车">
                    </div>
                    <div class="text">
                        <p>
                            购物车内暂时没有商品
                        </p>
                        <p>
                            您可以去 <a href="">定制</a> 或 <a href="">挑选</a> 喜欢的商品
                        </p>
                        
                    </div>
                </div>
                <!-- 服务 -->
                <div class="service">
                    <ul>
                        <li>
                            <span>
                                定
                            </span>
                            <span>
                                100%个性定制
                            </span>
                        </li>
                        <li>
                            <span>
                                正
                            </span>
                            <span>
                                100%正品保证
                            </span>
                        </li>
                        <li>
                            <span>
                                7
                            </span>
                            <span>
                                7天闪电发货
                            </span>
                        </li>
                        <li>
                            <span>
                                退
                            </span>
                            <span>
                                30天无忧退换
                            </span>
                        </li>
                        <li>
                            <span>
                                <img src="images/hot-line.png" alt="热线服务">
                            </span>
                            <span>
                                365天客服热线
                            </span>
                        </li>
                    </ul>
                </div>
            </form>
        </section>
        <!--底部-->
        <footer class="footer">
            <div class="footer-content">
                <div class="footer-logo">
                    <a href="index.html">
                        <img src="images/footer-logo.png" alt="页脚logo" />
                    </a>
                </div>
                <ul>
                    <li>新手指南</li>
                    <li>用户注册</li>
                    <li>定制流程</li>
                </ul>
                <ul>
                    <li>付款方式</li>
                    <li>支付方式</li>
                    <li>支付问题</li>
                    <li>常见问题</li>
                </ul>
                <ul>
                    <li>售后服务</li>
                    <li>退款换货</li>
                    <li>配送方式</li>
                    <li>联系我们</li>
                </ul>
                <ul>
                    <li>政策条款</li>
                    <li>服务协议</li>
                    <li>隐私条款</li>
                    <li>版权条款</li>
                </ul>
            </div>
            <div class="copy"> © 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1 </div>
        </footer>
    </div>

</body>

</html>